/* eslint-disable jsx-a11y/alt-text */
import React from 'react'
import { useHistory } from 'react-router-dom';
import './css/zbw-home/service.less'
export default function ServiceList({ list }: any) {
    const history = useHistory()
    const toNew = (value: any) => {
        history.push(value)
    }
    return (
        <div>
            {list.map((item: any, index: any) => {
                return <div className='service'><img onClick={() => { toNew(item.link) }} src={"http://124.93.196.45:10001/" + item.imgUrl}></img><div>{item.serviceName}</div></div>
            })}
        </div>
    )
}
